<%--
  Created by IntelliJ IDEA.
  User: 周轩霆
  Date: 2022/4/20
  Time: 19:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%--    分页条的开始--%>
<div id="page_nav">
    <c:if test="${requestScope.page.pageNo > 1}">
        <a href=" ${requestScope.page.url}&pageNo=1&pageSize=${requestScope.page.pageSize}">首页</a>
        <a href=" ${requestScope.page.url}&pageNo=${requestScope.page.pageNo-1}&pageSize=${requestScope.page.pageSize}">上一页</a>
    </c:if>
    <%--        页码显示问题--%>
    <c:choose>
        <%--情况 1：如果总页码小于等于 5 的情况，页码的范围是：1-总页码--%>
        <c:when test="${ requestScope.page.pageTotal <= 5 }">
            <c:set var="begin" value="1"/>
            <c:set var="end" value="${requestScope.page.pageTotal}"/>
        </c:when>
        <%--情况 2：总页码大于 5 的情况--%>
        <c:when test="${requestScope.page.pageTotal > 5}">
            <c:choose>
                <%--小情况 1：当前页码为前面 3 个：1，2，3 的情况，页码范围是：1-5.--%>
                <c:when test="${requestScope.page.pageNo <= 3}">
                    <c:set var="begin" value="1"/> <c:set var="end" value="5"/>
                </c:when> <%--小情况 2：当前页码为最后 3 个，8，9，10，页码范围是：总页码减 4 - 总页码--%>
                <c:when test="${requestScope.page.pageNo > requestScope.page.pageTotal-3}">
                    <c:set var="begin" value="${requestScope.page.pageTotal-4}"/>
                    <c:set var="end" value="${requestScope.page.pageTotal}"/>
                </c:when>
                <%--小情况 3：4，5，6，7，页码范围是：当前页码减 2 - 当前页码加 2--%>
                <c:otherwise>
                    <c:set var="begin" value="${requestScope.page.pageNo-2}"/> <c:set var="end" value="${requestScope.page.pageNo+2}"/>
                </c:otherwise>
            </c:choose>
        </c:when>
    </c:choose>
    <c:forEach begin="${begin}" end="${end}" var="i">
        <c:if test="${i == requestScope.page.pageNo}"> 【${i}】
        </c:if>
        <c:if test="${i != requestScope.page.pageNo}">
            <a href=" ${requestScope.page.url}&pageNo=${i}">${i}</a>

        </c:if>
    </c:forEach>


    <c:if test="${requestScope.page.pageNo < requestScope.page.pageTotal}">
        <a href=" ${requestScope.page.url}&pageNo=${requestScope.page.pageNo+1}&pageSize=${requestScope.page.pageSize}">下一页</a>
        <a href=" ${requestScope.page.url}&pageNo=${requestScope.page.pageTotal}&pageSize=${requestScope.page.pageSize}">末页</a>
    </c:if>
    共${requestScope.page.pageTotal}页，${requestScope.page.pageTotalCount}条记录
    到第<input value="${requestScope.page.pageNo}" name="pn" id="pn_input"/>页
    <input id="searchPageBtn" type="button" value="确定">
    <script type="text/javascript">
        $(function () {
            // 跳到指定的页码，绑定一个单击事件
            $("#searchPageBtn").click(function () {
                //获取要跳转的页码数
                var pageNo = $("#pn_input").val();
                // var pageTotal = ${requestScope.page.pageTotal};

                <%--alert(pageTotal);--%>
                // javaScript 语言中提供了一个 location 地址栏对象
                // 它有一个属性叫 href.它可以获取浏览器地址栏中的地址
                // href 属性可读，可写
                if (test(pageNo)) {
                    location.href = "${pageScope.basePath}${requestScope.page.url}&pageNo=" + pageNo;
                } else {
                    alert("输入的页码有误！");
                }
            });
        });

        function test(number) {

            if (number >= 1 && number <=${requestScope.page.pageTotal}) {
                return true;
            } else {
                return false;
            }

        }
    </script>
    每页显示<input value="${requestScope.page.pageSize}" name="pageSize" id="pn_input2"/>条
    <input id="searchPageBtn2" type="button" value="确定">
    <script type="text/javascript">
        $(function () {
            // 跳到指定的页码，绑定一个单击事件
            $("#searchPageBtn2").click(function () {
                //获取要跳转的页码数
                var pageSize = $("#pn_input2").val();
                // var pageTotal = ${requestScope.page.pageTotal};

                <%--alert(pageTotal);--%>
                // javaScript 语言中提供了一个 location 地址栏对象
                // 它有一个属性叫 href.它可以获取浏览器地址栏中的地址
                // href 属性可读，可写
                if (test(pageSize)) {
                    location.href = "${pageScope.basePath}${requestScope.page.url}&pageSize=" + pageSize;
                } else {
                    alert("输入的条数有误！");
                }
            });
        });

        function test(number) {

            if (number >${requestScope.page.pageTotalCount}) {
                return false;
            } else {
                return true;
            }

        }
    </script>
</div>
<%--    分页条的结束--%>
</body>
</html>
